import React, { Component } from 'react';
import { Layout } from 'antd';
const { Sider, Content, Header} = Layout;

import ConversationList from '../ConversationList';
import ChatPanel from '../ChatPanel';

import './Conversation.css'

class Conversation extends Component {
    render () {
        const { socket } = this.props;

        return (
            <Layout className='conversation'>
                <Sider width={260} className='conversation_sider'>
                    <ConversationList socket={socket} />
                </Sider>
                <Content>
                    <ChatPanel />
                </Content>
            </Layout>
        )
    }
}


export default Conversation;
